@extends('admin.base.index')
@section('content')
<div class="block-area" id="text-input">
	<div class="block-area" id="text-input">
    	<h1 style="color:green">添加单行(odd)表分类</h1>
    </div>
	<form action="/admin/classodd" method="post">
	<input type="hidden" name="_token" value="{{ csrf_token() }}">
		<div class="block-area" id="text-input">
			<div class="col-lg-6">
				<p>顶级分类:</p>
				<select  class="form-control input-focused" name="classname">
				<option  value='0'>--请添加--</option>
				</select>
			</div>
		</div>
		<div class="block-area" id="text-input">
			<div class="col-lg-6">
				<p>添加分类名:</p>
				<input class="form-control input-focused m-b-10" value="" type="text" name="classvalue">
			</div>
		</div>
		<div class="block-area" id="text-input">
			<div class='row'>
	            <div class="col-lg-8">
	                <input type='submit' class='btn' value='添加信息'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	            </div>
	        </div>
	    </div>
	     <h1 style="color:green">
            @if (session('msg'))
                {{ session('msg') }}
            @endif
        </h1>
	</form>
	<script type="text/javascript" src="{{ asset('publics/jquery-1.8.3.min.js')}}"></script>
	<script type="text/javascript">
				$.ajax({
					url:'/admin/ajaxodd',
					async:false,				//是否异步   //请求方式默认type:'get',				
					data:{cid:0},				//发送的数据
					dataType:'json',			//响应的数据类型
					error:function()			//失败时回调函数
					{
						alert('ajax请求失败');
					},
					success:function(data)		//成功时回调函数
					{
						// console.log(data);
						for (var i = 0; i < data.length; i++) {
							$('select').append("<option value='"+data[i].oddid+"'>1级："+data[i].classname+"</option><option name='cid' style='display:none' value='"+data[i].oddid+"'></option><option style='display:none' value='"+data[i].level+"'></option>");
						};
					}
				});
				// console.log($('select').val());
				$("select").live("change",function(){
				//先清除后面的select，再添加新的select
				$(this).nextAll('select').remove();
				//因为下面需要用到当前对象，但是是另一个函数体内，不能用$(this)
				var ob = $(this);
				//判断选择的是不是默认的请选择
				if($(this).val() != '--请添加--'){
					var cid = $(this).val();
					// console.log(cid);
					$.ajax({
						url:'/admin/ajaxodd',
						async:false,				//是否异步
						type:'get',				//请求方式
						data:{cid:cid},				//发送的数据
						dataType:'json',			//响应的数据类型
						error:function()			//失败时回调函数
						{
							alert('ajax请求失败');
						},
						success:function(data)		//成功时回调函数
						{
							// console.log(data);
							//判断是否还有数据返回
							if(data.length>0){
								//新建一个select标签
								var select = $("<select name='classname' class='form-control input-focused'><option>--请添加--</option></select>");
								for (var i = 0; i < data.length; i++) {
									$(select).append("<input type='hidden' name='cid' value="+data[i].cid+"><input type='hidden' name='level' value="+data[i].level+"><option value='"+data[i].oddid+"'>"+data[i].level+"级："+data[i].classname+"</option>");
								};
								//追加到前一个select后面
								// console.log(ob);
								ob.after(select);								
							}
						}
					});
				}
				
			});
		</script>
</div>
@stop
